// 拿到事先配置的配置项
const settings = require('./src/setting')
// 这个path指的是默认的工程路径
const path = require('path')

function resolve(dir) {
    return path.join(__dirname, dir)
}
// 拿到工程的名字
const name = settings.title
// 开发环境的端口号
const port = 9527

// 配置信息
module.exports = {
    // 项目访问的根路径
    publicPath:'/',
    // 文件输出目录
    outputDir:'dist',
    // 输出的静态文件目录
    assetsDir:'static',
    // 设置是否在开发环境下每次保存代码时都启用 eslint验证
    // lintOnSave: process.env.NODE_ENV === 'development',
    lintOnSave: false,
    // 如果您不需要生产时的源映射，那么将此设置为false可以加速生产构建
    productionSourceMap: false,
    // 开发环境代理配置
    devServer:{
        // 端口号
        port:port,
        // 是否自动启动浏览器
        open:false,
        // 当出现编译器错误或警告时，在浏览器中显示全屏覆盖层。默认禁用
        overlay:{
            warnings:false,
            errors:true
        },
        // 代理
        proxy:{
            [process.env.VUE_APP_BASE_API]:{
                target:'http://localhost:9006',
                changeOrigin:true,
                pathRewrite:{
                    ['^' + process.env.VUE_APP_BASE_API]:''
                }
            }
        }
    },
    configureWebpack:{
        name: name,
        resolve: {
            extensions: [".js", ".vue", ".json", ".css"],
            alias: {
                vue$: "vue/dist/vue.esm.js",// 解决bug You are using the runtime-only build of Vue where the template compiler is not available
                '@': resolve('src')
            }
        }
    },
    // chainWebpack(config){
    // 这个需要后面再细节的配置
    // }
}
